<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>Document</title>
    <link
      href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0-alpha1/dist/css/bootstrap.min.css"
      rel="stylesheet"
    />
    <link
      rel="stylesheet"
      href="https://cdn.staticfile.net/twitter-bootstrap/3.3.7/css/bootstrap.min.css"
    />
    <!-- <link rel="stylesheet" href="modern reset.css" /> -->
    <link href="./threestart.css" rel="stylesheet" />
    <link href="./media.css" rel="stylesheet" />
    <style></style>
  </head>
  <body>
    <main class="threestart">
      <header>
        <nav class="container-sm">
          <h1 class="nav-logo">SAMSUNG</h1>
          <div class="nav-text">
            <ul class="nav-left">
              <li><a href="#">三星商城</a></li>
              <li><a href="#">AL</a></li>
              <li><a href="#">手机/平板</a></li>
              <li><a href="#">电视/影音</a></li>
              <li><a href="#">生活家电</a></li>
              <li><a href="#">存储</a></li>
              <li><a href="#">显示器</a></li>
              <li><a href="#">配件</a></li>
              <li><a href="#">SmartThings</a></li>
            </ul>
            <ul class="nav-right">
              <li><a href="">售后服务</a></li>
              <li><a href="">商用用户</a></li>
            </ul>
          </div>
          <div class="nav-info">
            <ul>
              <li><a href="">搜索</a></li>
              <li><a href="">购物车</a></li>
              <li><a href="">个人</a></li>
              <li class="info-img"><a href="">列表</a></li>
            </ul>
          </div>
        </nav>
        <!-- <div class="img container-sm"></div> -->
        <div class="img">
          <div id="myCarousel" class="carousel slide">
            <!-- 轮播（Carousel）指标 -->
            <ol class="carousel-indicators">
              <li
                data-target="#myCarousel"
                data-slide-to="0"
                class="active"
              ></li>
              <li data-target="#myCarousel" data-slide-to="1"></li>
              <li data-target="#myCarousel" data-slide-to="2"></li>
            </ol>
            <!-- 轮播（Carousel）项目 -->
            <div class="carousel-inner">
              <div class="item active">
                <img src="./backimg.jpg" alt="First slide" class="w-100" />
                <div class="carousel-caption"></div>
              </div>
              <div class="item">
                <img src="./backimg.jpg" alt="Second slide" class="w-100" />
                <div class="carousel-caption"></div>
              </div>
              <div class="item">
                <img src="./backimg.jpg" alt="Third slide" class="w-100" />
                <div class="carousel-caption"></div>
              </div>
            </div>
            <!-- 轮播（Carousel）导航 -->
            <a
              class="left carousel-control"
              href="#myCarousel"
              role="button"
              data-slide="prev"
            >
              <span
                class="glyphicon glyphicon-chevron-left"
                aria-hidden="true"
              ></span>
              <span class="sr-only">Previous</span>
            </a>
            <a
              class="right carousel-control"
              href="#myCarousel"
              role="button"
              data-slide="next"
            >
              <span
                class="glyphicon glyphicon-chevron-right"
                aria-hidden="true"
              ></span>
              <span class="sr-only">Next</span>
            </a>
          </div>
        </div>
      </header>
      <article>
        <section>
          <div class="h2 container-sm">
            <h2>本月精选</h2>
            <ul class="container-sm">
              <li><a href="">最新活动</a></li>
              <li><a href="">手机/平板</a></li>
              <li><a href="">电视/影音</a></li>
              <li><a href="">生活家电</a></li>
              <li><a href="">显示器/存储</a></li>
              <li><a href="">学生购</a></li>
            </ul>
          </div>
          <div class="item container-sm">
            <div class="item1">
              <img src="./三星手机.avif" alt="" />

              <p style="margin-top: -100px">Galaxy Z Flip6</p>
              <p style="margin-top: -50px">用三星订阅服务 每天低至8.77元</p>
            </div>
          </div>
        </section>
      </article>
    </main>
  </body>
  <script src="./flexible.js"></script>
  <script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0-alpha1/dist/js/bootstrap.bundle.min.js"></script>
  <script src="./start.js"></script>
  <script src="https://cdn.staticfile.net/jquery/2.1.1/jquery.min.js"></script>
  <script src="https://cdn.staticfile.net/twitter-bootstrap/3.3.7/js/bootstrap.min.js"></script>
</html>
